<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="Keywords" content="不二定制"/>
		<meta name="Description" content="不二定制"/>
		<title>不二</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/common.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/homepage_template.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/shopping_process/goods_list.css"/>
	</head>
	<body>
		<div class="web">
			<!--header头部开始-->
			<header class="clearfix">
				<div class="logo fl">
					<img src="../../images/head_logo.png"/>
				</div>
				
				<!--nav导航栏开始-->
				<nav class="clearfix fl">
					<ul class="clearfix fl">
						<li><a href="../index.html">首页</a></li>
						<li>
							<a href="">骑行</a>
							<div class="nav_classify">
								<div class="classify">
									<h3>普及版</h3>
									<ul>
										<li><a href="">短袖上衣</a></li>
										<li><a href="">长袖上衣</a></li>
										<li><a href="">短裤</a></li>
										<li><a href="">长裤</a></li>
										<li><a href="">背带短裤</a></li>
										<li><a href="">背带七分裤</a></li>   
									</ul>
									<ul>
										<li><a href="">背带长裤</a></li>
										<li><a href="">短袖短裤连体服</a></li>
										<li><a href="">长袖长裤连体服</a></li>
										<li><a href="">儿童短袖套装</a></li>
										<li><a href="">儿童长袖套装</a></li>
									</ul>
								</div>
								<div class="classify">
									<h3>专业版</h3>
									<ul>
										<li><a href="">短袖上衣</a></li>
										<li><a href="">长袖上衣</a></li>
										<li><a href="">短裤</a></li>
										<li><a href="">长裤</a></li>
										<li><a href="">背带短裤</a></li>
										<li><a href="">背带七分裤</a></li>   
									</ul>
									<ul>
										<li><a href="">背带长裤</a></li>
										<li><a href="">短袖短裤连体服</a></li>
										<li><a href="">长袖短裤连体服</a></li>
										<li><a href=""><strong>配件</strong></a></li>
									</ul>
								</div>		                
							</div>				
						</li>
						<li>
							<a href="">跑步</a>
							<div class="nav_classify">
								<div class="classify">
									<h3>普及版</h3>
									<ul>
										<li><a href="">无袖短裤套装</a></li>
										<li><a href="">短袖短裤套装</a></li>
										<li><a href="">长袖短裤套装</a></li>
									</ul>
								</div>
								<div class="classify">
									<h3>专业版</h3>
									<ul>
										<li><a href="">无袖短裤套装</a></li>
										<li><a href="">短袖短裤套装</a></li>
										<li><a href="">长袖短裤套装</a></li>
										<li><a href=""><strong>配件</strong></a></li>
									</ul>
								</div>		                
							</div>
						</li>
						<li>
							<a href="">铁三服</a>
							<div class="nav_classify">
								<div class="classify">
									<h3>普及版</h3>
									<ul>
										<li><a href="">POLO衫</a></li>
										<li><a href="">短袖T恤</a></li>
										<li><a href="">短裤</a></li>
										<li><a href="">跑步背心</a></li>
										<li><a href="">长袖上衣</a></li>
										<li><a href="">运动文胸</a></li>
									</ul>
								</div>
							</div>
						</li>
						<li>
							<a href="">休闲</a>
							<div class="nav_classify">
								<div class="classify">
									<h3>普及版</h3>
									<ul>
										<li><a href="">POLO衫</a></li>
										<li><a href="">T恤</a></li>
										<li><a href="">短裤</a></li>
										<li><a href="">帽衫</a></li>
									</ul>
								</div>
							</div>
						</li>
						<li><a href="">品牌区</a></li>
						<li><a href="">设计师</a></li>
					</ul>
					<div class="search fl">
						<input type="search" />
						<a href="" class="iconfont icon-sousuo"></a>
					</div>					
				</nav>
				<!--nav导航栏结束-->
				
				<div class="nav_icon fr">
					<ul class="clearfix">
						<li><a href="" class="iconfont icon-gouwuche"></a></li>
						<li>
							<a href="" class="iconfont icon-yonghu"></a>
							<div class="user">
								<a href="../reception_log/reception_login.html">登录</a>
								<a href="../reception_log/reception_register.html">注册</a>
							</div>
						</li>
						<li>400-6563-116</li>
						<li><a href=""><b>CH</b></a></li>
					</ul>
				</div>
			</header>
			<!--header头部结束-->
			
			<!--navigation头部开始-->
			<div class="navigation">
				<div class="link">
					<a href="../index.html">首页</a>&gt;
					<a href="">骑行</a>&gt;
					<a href="">上衣</a>&gt;
					<a href="">竞技版 上衣</a>
				</div>
			</div>
			<!--navigation头部结束-->
			
			<!--section中间主体内容开始-->
			<section class="clearfix">
				
				<!-- 页面标题 start -->
				<div class="caption">
					<h2>
						<strong>竞技版 上衣</strong>
						<em>370</em>
					</h2>
				</div>
				
				<!-- 页面标题 end -->
				
				<!-- 边栏 start -->
				<aside class="side fl">
					<dl>
						<dt>品类</dt>
						<dd><a href="">骑行服</a></dd>
						<dd><a href="">儿童骑行服</a></dd>
						<dd><a href="">铁三服</a></dd>
						<dd><a href="">连体服</a></dd>
						<dd><a href="">配件</a></dd>
					</dl>
				</aside>
				<!-- 边栏 end -->
				
				<!-- 内容 start -->
				<div class="content fr">
					
					<!-- 筛选条件头 start -->
					<div class="filtrate" data-role="filtrate">
						<div class="line clearfix">
							<div class="label max fl">已选条件：</div>
							<ul class="condition fl" data-role="beSelected">
								<li>
									<span>adidas 1</span>
									<i class="iconfont icon-close" data-action="delete"></i>
								</li>
							</ul>
						</div>
						<div class="line nopd">
							<div class="brand clearfix">
								<div class="brand_label">品牌：</div>
								<div class="brand_form">
									<ul class="index">
										<li>所有品牌</li>
										<li>A</li>
										<li>B</li>
										<li>C</li>
										<li>D</li>
										<li>E</li>
										<li>F</li>
										<li>G</li>
										<li>H</li>
										<li>I</li>
										<li>J</li>
										<li>K</li>
										<li>L</li>
										<li>M</li>
										<li>N</li>
										<li>O</li>
										<li>P</li>
										<li>Q</li>
										<li>R</li>
										<li>S</li>
										<li>T</li>
										<li>U</li>
										<li>V</li>
										<li>W</li>
										<li>X</li>
										<li>Y</li>
										<li>Z</li>
									</ul>
									<ul class="list fl">
										<!--(li>input[type=checkbox name=adidas$ id=adidas$]+label[for=adidas$]>(i.iconfont.icon-check+span{adidas$}))*2-->
										<li>
											<input type="checkbox" name="adidas1" id="adidas1" />
											<label for="adidas1" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas1</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas2" id="adidas2" />
											<label for="adidas2" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas2</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas3" id="adidas3" />
											<label for="adidas3" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas3</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas4" id="adidas4" />
											<label for="adidas4" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas4</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas5" id="adidas5" />
											<label for="adidas5" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas5</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas6" id="adidas6" />
											<label for="adidas6" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas6</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas7" id="adidas7" />
											<label for="adidas7" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas7</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas8" id="adidas8" />
											<label for="adidas8" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas8</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas9" id="adidas9" />
											<label for="adidas9" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas9</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas10" id="adidas10" />
											<label for="adidas10" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas10</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas11" id="adidas11" />
											<label for="adidas11" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas11</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas12" id="adidas12" />
											<label for="adidas12" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas12</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas13" id="adidas13" />
											<label for="adidas13" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas13</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas14" id="adidas14" />
											<label for="adidas14" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas14</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas15" id="adidas15" />
											<label for="adidas15" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas15</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas16" id="adidas16" />
											<label for="adidas16" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas16</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas17" id="adidas17" />
											<label for="adidas17" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas17</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas18" id="adidas18" />
											<label for="adidas18" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas18</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas19" id="adidas19" />
											<label for="adidas19" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas19</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas20" id="adidas20" />
											<label for="adidas20" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas20</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas201" id="adidas21" />
											<label for="adidas21" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas20</span>
											</label>
										</li>
										<li>
											<input type="checkbox" name="adidas22" id="adidas22" />
											<label for="adidas22" data-action="add">
												<i class="iconfont icon-check"></i>
												<span>adidas20</span>
											</label>
										</li>
									</ul>
									<div class="operation fr">
										<div class="btn" data-action="more">
											<i class="iconfont icon-xia"></i>
											<span>更多</span>
										</div>
										<div class="btn" data-action="multiple">
											<i class="iconfont icon-jiahao"></i>
											<span>多选</span>
										</div>
									</div>
									<div class="selected clear">
										<div>已选择条件：</div>
										<ul data-role="toSelected">
											<li>
												<span>adidas</span>
												<i class="iconfont icon-close" data-action="delete"></i>
											</li>
										</ul>
									</div>
									<div class="action">
										<div class="btn">确认</div>
										<div class="btn btn_gray" data-action="cancel">取消</div>
									</div>
								</div>
							</div>
						</div>
						<div class="line clearfix">
							<div class="label fl">价格：</div>
							<ul class="price fl">
								<li data-action="add">
									<span>￥<em>0</em> - ￥<em>399</em></span>
								</li>
								<li data-action="add">
									<span>￥<em>400</em> - ￥<em>689</em></span>
								</li>
								<li data-action="add">
									<span>￥<em>690</em> - ￥<em>1599</em></span>
								</li>
								<li data-action="add">
									<span>￥<em>1600</em>以上</span>
								</li>
							</ul>
							<form class="set_price fr" method="get">
								<span>￥</span>
								<input class="text" type="text"/>
								<span>-</span>
								<input class="text" type="text"/>
								<input class="btn" type="submit" value="确认"/>
							</form>
						</div>
						<div class="line clearfix">
							<div class="label fl">季节：</div>
							<ul class="season fl">
								<li data-action="add"><span>春季</span></li>
								<li data-action="add"><span>夏季</span></li>
								<li data-action="add"><span>秋季</span></li>
								<li data-action="add"><span>冬季</span></li>
								<li data-action="add"><span>四季</span></li>
							</ul>
						</div>
						<div class="sort">
							<ul>
								<li class="selected down">
									<em>最新</em>
									<span>
										<i class="iconfont icon-triangleupfill"></i>
										<i class="iconfont icon-triangledownfill"></i>
									</span>
								</li>
								<li class="down">
									<em>销量</em>
									<span>
										<i class="iconfont icon-triangleupfill"></i>
										<i class="iconfont icon-triangledownfill"></i>
									</span>
								</li>
								<li class="down">
									<em>评价</em>
									<span>
										<i class="iconfont icon-triangleupfill"></i>
										<i class="iconfont icon-triangledownfill"></i>
									</span>
								</li>
								<li class="up">
									<em>价格</em>
									<span>
										<i class="iconfont icon-triangleupfill"></i>
										<i class="iconfont icon-triangledownfill"></i>
									</span>
								</li>
							</ul>
						</div>
					</div>
					<!-- 筛选条件头 end -->
					
					<!-- 列表 start -->
					<div class="goods_list">
						<ul class="list">
							<li class="item">
								<div class="module_goods">
									<div class="pic_box">
										<a href="">
											<img src="../../images/Enterprise_backstage/list_good_01.jpg"/>
										</a>
									</div>
									<p class="goods_name"><a href="">竞技版骑行上衣</a></p>
									<p class="price">￥<em>299</em></p>
									<p class="label">
										<a href="">标签1</a>
										<a href="">标签2</a>
										<a href="">标签3</a>
										<a href="">标签4</a>
									</p>
								</div>
							</li>
							<li class="item">
								<div class="module_goods">
									<div class="pic_box">
										<a href="">
											<img src="../../images/Enterprise_backstage/list_good_01.jpg"/>
										</a>
									</div>
									<p class="goods_name"><a href="">竞技版骑行上衣</a></p>
									<p class="price">￥<em>299</em></p>
									<p class="label">
										<a href="">标签1</a>
										<a href="">标签2</a>
										<a href="">标签3</a>
										<a href="">标签4</a>
									</p>
								</div>
							</li>
							<li class="item">
								<div class="module_goods">
									<div class="pic_box">
										<a href="">
											<img src="../../images/Enterprise_backstage/list_good_01.jpg"/>
										</a>
									</div>
									<p class="goods_name"><a href="">竞技版骑行上衣</a></p>
									<p class="price">￥<em>299</em></p>
									<p class="label">
										<a href="">标签1</a>
										<a href="">标签2</a>
										<a href="">标签3</a>
										<a href="">标签4</a>
									</p>
								</div>
							</li>
							<li class="item">
								<div class="module_goods">
									<div class="pic_box">
										<a href="">
											<img src="../../images/Enterprise_backstage/list_good_01.jpg"/>
										</a>
									</div>
									<p class="goods_name"><a href="">竞技版骑行上衣</a></p>
									<p class="price">￥<em>299</em></p>
									<p class="label">
										<a href="">标签1</a>
										<a href="">标签2</a>
										<a href="">标签3</a>
										<a href="">标签4</a>
									</p>
								</div>
							</li>
							<li class="item">
								<div class="module_goods">
									<div class="pic_box">
										<a href="">
											<img src="../../images/Enterprise_backstage/list_good_01.jpg"/>
										</a>
									</div>
									<p class="goods_name"><a href="">竞技版骑行上衣</a></p>
									<p class="price">￥<em>299</em></p>
									<p class="label">
										<a href="">标签1</a>
										<a href="">标签2</a>
										<a href="">标签3</a>
										<a href="">标签4</a>
									</p>
								</div>
							</li>
							<li class="item">
								<div class="module_goods">
									<div class="pic_box">
										<a href="">
											<img src="../../images/Enterprise_backstage/list_good_01.jpg"/>
										</a>
									</div>
									<p class="goods_name"><a href="">竞技版骑行上衣</a></p>
									<p class="price">￥<em>299</em></p>
									<p class="label">
										<a href="">标签1</a>
										<a href="">标签2</a>
										<a href="">标签3</a>
										<a href="">标签4</a>
									</p>
								</div>
							</li>
							<li class="item">
								<div class="module_goods">
									<div class="pic_box">
										<a href="">
											<img src="../../images/Enterprise_backstage/list_good_01.jpg"/>
										</a>
									</div>
									<p class="goods_name"><a href="">竞技版骑行上衣</a></p>
									<p class="price">￥<em>299</em></p>
									<p class="label">
										<a href="">标签1</a>
										<a href="">标签2</a>
										<a href="">标签3</a>
										<a href="">标签4</a>
									</p>
								</div>
							</li>
							<li class="item">
								<div class="module_goods">
									<div class="pic_box">
										<a href="">
											<img src="../../images/Enterprise_backstage/list_good_01.jpg"/>
										</a>
									</div>
									<p class="goods_name"><a href="">竞技版骑行上衣</a></p>
									<p class="price">￥<em>299</em></p>
									<p class="label">
										<a href="">标签1</a>
										<a href="">标签2</a>
										<a href="">标签3</a>
										<a href="">标签4</a>
									</p>
								</div>
							</li>
							<li class="item">
								<div class="module_goods">
									<div class="pic_box">
										<a href="">
											<img src="../../images/Enterprise_backstage/list_good_01.jpg"/>
										</a>
									</div>
									<p class="goods_name"><a href="">竞技版骑行上衣</a></p>
									<p class="price">￥<em>299</em></p>
									<p class="label">
										<a href="">标签1</a>
										<a href="">标签2</a>
										<a href="">标签3</a>
										<a href="">标签4</a>
									</p>
								</div>
							</li>
						</ul>
					</div>
					<!-- 列表 end -->
					
					<!-- 分页 start -->
					<div class="pages clear">
						<form action="" method="get">
							<ul>
								<li><a href=""><span class="iconfont icon-zuo"></span></a></li>
								<li class="selected"><a href="">1</a></li>
								<li><a href="">2</a></li>
								<li><a href="">3</a></li>
								<li><span class="dot">···</span></li>
								<li><a href=""><span class="iconfont icon-gengduo"></span></a></li>
								<li>
									<span class="topage_label">跳至</span>
									<div class="topage_input">
										<input type="text" name="page" id="page" required/>
										<span>页</span>
									</div>
								</li>
								<li><input type="submit" value="跳转"/></li>
							</ul>
						</form>
					</div>
					<!-- 分页 end -->
					
				</div>
				<!-- 内容 end -->
				
			</section>
			<!--section中间主体内容结束-->
				
			<!--footer底部开始-->
			<footer>
				<div class="content clearfix">
					<div class="foot_logo fl">
						<img src="../../images/foot_logo.png"/>
					</div>
					<div class="link clearfix fr">
						<ul>
							<li><a href="">新手指南</a></li>
							<li><a href="">用户注册</a></li>
							<li><a href="">定制流程</a></li>
						</ul>
						<ul>
							<li><a href="">付款方式</a></li>
							<li><a href="">支付方式</a></li>
							<li><a href="">支付问题</a></li>
							<li><a href="">常见问题</a></li>
						</ul>
						<ul>
							<li><a href="">售后服务</a></li>
							<li><a href="">退款换货</a></li>
							<li><a href="">配送方式</a></li>
							<li><a href="">联系我们</a></li>
						</ul>
						<ul>
							<li><a href="">政策条款</a></li>
							<li><a href="">服务协议</a></li>
							<li><a href="">隐私条款</a></li>
							<li><a href="">版权条款</a></li>
						</ul>
					</div>
				</div>
				
				<div class="copyright">&copy; 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</div>
			</footer>
			<!--footer底部结束-->
		</div>
		
		<script src="../../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/filtrate.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
